<template>
  <div id="content">
    <el-container style="height:100%">
      <el-aside>
        <div class="leftFrist">
            <main-menu @openPage="openPage"/>
        </div>
      </el-aside>
      <el-main>
        <div class="rightDiv">
            <keep-alive>
              <router-view></router-view>
            </keep-alive>
        </div>
       </el-main>
     </el-container>
  </div>
</template>

<script>
import MainMenu from "@/components/sysComponets/mainMenu.vue";
import IndexHtml from "@/components/LandingPage.vue";

export default {
  components: {
    MainMenu,
    IndexHtml,
  },
  data() {
    return {
      type : 'df',
      msg: "helloword",
    };
  },
   mounted() {
      this.$router.push(this.type);
  },
  methods: {
    openPage(address){
      this.type = address;
      this.$router.push(address);
    }
  }
};
</script>

<style>
#content{
    height: calc(100vh - 30px);
}

.leftFrist {
  width: 300px;
  height: 100%;
}

.el-main{
  padding: 5px 0 0 20px;
}

.rightDiv {
  width: calc(100vw - 320px);
  height: calc(100vh - 35px);
  overflow: hidden;
}
</style>